<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Lsc">
    <script src="jq/jquery-3.1.1.js"></script>
    <title>Lsc</title>
    <style>
        html,
        body {
            height: 100%;
        }
        
        body {
            margin: 0;
        }
        
        section {
            background-image: url(images/bg4.jpg);
            background-size: 100% 100%;
            height: 100%;
        }
        
        main {
            width: 1000px;
            margin: 0 auto;
        }
        
        header {
            font-size: 25px;
            text-align: center;
            line-height: 50px;
            color: darkgrey;
        }
        
        .outer {
            float: left;
            margin-top: 200px;
        }
        
        a {
            text-decoration: none;
            font-weight: bold;
            color: white;
            text-shadow: 2px 2px 25px white;
            margin-left: 10px;
            display: block;
            width: 150px;
            margin-top: 10px;
        }
    </style>
</head>

<body>
    <section>
        <main>
            <header>
                lsc的个人主页
            </header>
            <div class="outer">
                <!--<a href="五星好评.html">五星好评</a> -->
                <a href="千图网/千图网.html">千图网</a>
                <a href="JQ选择器练习/jQuery选择器练习.html">JQ选择器练习</a>
                <a href="订单/订单.html">订单</a>
                <a href="选项卡/选项卡.html">选项卡</a>
                <a href="下拉菜单2/下拉菜单.html">下拉菜单(s)</a>
                <a href="模拟select/模拟select.html">模拟select</a>
                <a href="光标进入显示遮罩层/光标进入显示遮罩层.html">光标进入显示遮罩层</a>
                <a href="轮播图/轮播图1.html">轮播图(1)</a>
                <a href="轮播图/轮播图2.html">轮播图(2)</a>
                <a href="弹窗/弹窗.html">弹窗</a>
                <a href="上传图片/上传图片.html">上传图片</a>
                <a href="上传图片/拖拽显示到页面.html">拖拽显示到页面</a>
            </div>
            <div class="outer">
                <a href="图片切换/图片切换.html">图片切换</a>
                <a href="图片切换/图片翻转切换.html">图片翻转切换</a>
                <a href="置顶效果/置顶效果.html">置顶效果</a>
                <a href="检测输入字数/检测输入字数.html">检测输入字数</a>
                <a href="商品筛选/03-商品筛选.html">商品筛选</a>
                <a href="轮播图-测试/轮播图.html">轮播图-测试</a>
                <a href="小米商城Plus/index.html">小米商城Plus</a>
            </div>
            <p style="clear:both "></p>
        </main>
    </section>
</body>
</html>
<script>

</script>